<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>组队</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/JoinTeam.css">
    <script src="./js/jquery-1.12.4.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script>
    <script src="./js/login.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="header">
        <img class="logo-l" src="./imgs/logo.png">
        <div class="topnav">
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./allCompete.html">竞赛汇总</a></li>
                <li class="on"><a href="./JoinTeam.html">组队</a></li>
                <li><a href="./community.html">社区</a></li>
                <li><a href="./jobs.html">实习求职</a></li>
                <li><a href="#">优秀作品</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
        <!-- 搜索 -->
        <div class="search-box">
            <input id="top_search" type="search" placeholder="搜比赛或用户">
        </div>
        <!-- 头像 -->
        <div class="logoinbox" id="loginbox">
            <img class="logo" src="./imgs/logo.png">
            <span><a href="./login.html">登录</a></span>
        </div>
    </div>

    <div class="container">
        <!-- 左 -->
        <div class="step-wrap">
            <div class="cx-time-main" id="cxTime">
                <ul class="cx-time-box">
                    <li>
                        <div class="cx-main-box">
                            <div>个人简历 学校认证 能力担当 获奖经历</div>
                        </div>
                    </li>
                    <li>
                        <div class="cx-main-box">
                            <div>比赛选择 专业适配 特长优势</div>
                        </div>
                    </li>
                    <li>
                        <div class="cx-main-box">
                            <div>组队偏好 跨校跨级偏好 队友专业偏好</div>
                        </div>
                    </li>
                    <li>
                        <div class="cx-main-box">
                            <div>队友选择----发出邀请 / 发出简历</div>
                        </div>
                    </li>
                    <li>
                        <div class="cx-main-box">
                            <div>指导老师推荐 个人履历 就职经验</div>
                        </div>
                    </li>
                    <li>
                        <div class="cx-main-box">
                            <div>组队成功！</div>
                        </div>
                    </li>
                    <li>
                        <div class="cx-main-box">
                            <div>
                                历届优秀作品 名师问答专栏
                                比赛相关的介绍视频推荐
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 右 -->
        <div>
            <div class="teammate">
                <div class="tit">队友选择----发出邀请 / 发出简历</div>
                <ul class="persons">
                    <li>
                        <img class="logo" src="./imgs/bann2.jpg" alt="">
                        <div class="resume">个人简历
                            <ul class="r-detail">
                                <li>年纪：大二</li>
                                <li>专业：投资学</li>
                                <li>来自：上海师范大学</li>
                            </ul>
                        </div>
                        <div class="tochat"><a href="#">私聊</a></div>
                        <div class="toinvite"><a href="#">发出邀请</a></div>
                    </li>

                    <li>
                        <img class="logo" src="./imgs/bann2.jpg" alt="">
                        <div class="resume">个人简历
                            <ul class="r-detail">
                                <li>年纪：大二</li>
                                <li>专业：投资学</li>
                                <li>来自：上海师范大学</li>
                            </ul>
                        </div>
                        <div class="tochat"><a href="#">私聊</a></div>
                        <div class="toinvite"><a href="#">发出邀请</a></div>
                    </li>
                    <li>
                        <img class="logo" src="./imgs/bann2.jpg" alt="">
                        <div class="resume">个人简历
                            <ul class="r-detail">
                                <li>年纪：大二</li>
                                <li>专业：投资学</li>
                                <li>来自：上海师范大学</li>
                            </ul>
                        </div>
                        <div class="tochat"><a href="#">私聊</a></div>
                        <div class="toinvite"><a href="#">发出邀请</a></div>
                    </li>
                </ul>
            </div>
            
            <!-- 提示 -->
            <div class="tip-wrap">
                <div class="tit">提示</div>
                <div class="txt">
                    来自上海师范大学的贺**同学组队成功！ 来自上海师范大学的戴*同学发布组队信息！<i><a href="#">查看</a></i>
                </div>
            </div>
        </div>

    </div>
</body>

</html>